<template>
    <div>
        <h1>test v-if组件强制刷新</h1>
        <div class="box">

        </div>
    </div>
</template>

<script>
    export default {
        beforeCreate(){
            console.log("vif beforeCreate")
        },
        created(){
            console.log("vif created")
        },
        beforeMount(){
            console.log("vif beforeMount")
        },
        mounted(){
            console.log("vif mounted")
        },
        beforeUpdate(){
            console.log("vif beforeUpdate")
        },
        updated(){
            console.log("vif updated")
        },
        beforeDestroy(){
            console.log("vif beforeDestroy")
        },
        destroyed(){
            console.log("vif destroyed")
        },
    }
</script>

<style lang="scss" scoped>
    div{
        .box{
            width: 100px;
            height: 100px;
            background-color: aqua;
        }
    }
</style>